
<template>
	<uni-popup ref="uniPopup" :maskClick="true">
		<view class="wrap center column">
			<!-- <image class="pic" src="/static/icon/ad-coupon.png" @click="navTo('/pages/coupon/getCoupon', {login: true})"></image> -->
			
			<view class="wrap-authentic text-center">
				<view class="f40 b pt30">实名认证</view>
				<view class="f30 mt20">开启功能</view>
				<view class="f30 mt20">请完成实名认证</view>
				
				<view class="pt30 ">
					<image class="pic-content" src="/static/other/sfz-icon.png" ></image>
				</view>
				<button class="bgc-main" type="primary" @click="navTo('/pages/purse/authentic/identity-authentic')">去认证 </button>
				<button class="bgc-gray" type="primary" @click="close">下次再说 </button>
					
			</view>
			<!-- <text class="mix-icon icon-close" ></text> -->
		</view>
	</uni-popup>
</template>

<script>
	import {mapState, mapGetters} from 'vuex'
	export default {
		data() {
			return {
				
			}
		},
		computed: {
			...mapState(['userInfo']),
		},
		mounted() {
			
		},
		methods: {
			async open(){
				let data = {
					user_id:this.userInfo.username,
					day_num:1,
				}
				
				// const res = await this.$request('cart', 'get');
				
				// console.log('签到信息',res)
				this.$refs.uniPopup.open();
				
				// uni.setStorageSync('homeAdvertModalShowTime', + new Date());
			},
			close(){
				uni.showTabBar();
				this.$refs.uniPopup.close();
			}
		}
	}
</script>

<style scoped lang="scss">
	.wrap-authentic{
		width: 630rpx;
		height: 795rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		.wrap-header{
			height: 190rpx;
			margin: 0 30rpx 30rpx;
		}
		.pic-content{
			width: 376rpx;
			height: 224rpx;
			background: radial-gradient(circle, #FFE2ED 0%, #C4EFFF 100%);
			opacity: 1;
			border-radius: 10rpx;
			margin: 0 auto;
		}
		
	}
	.icon-close{
		padding: 20rpx 40rpx;
		margin-top: 20rpx;
		font-size: 48rpx;
		color: #fff;
	}
	.bgc-main{
		margin: 60rpx 30rpx 30rpx;
		color: #55BB8A;
		background-color: #001C0F !important;
	}
	.bgc-gray{
		width: 570rpx;
		height: 100rpx;
		margin: 0 30rpx 30rpx;
		color: #000;
		background: #EEEEEE !important;
		border-radius: 10rpx;
	}
</style>
